<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0px;
				padding: 0px;
			}
			.box{
				width: 700px;
				margin: 0px auto;
			}
			.box h2{
				font-size: 18px;
			}
			h2 span{
				
				float: right;
			}
			.list li{
				float: left;
				padding: 12px;
				list-style: none;
			}
			
			ul li p{
				margin: 0px;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<h2>热门活动<span >更多</span></h2>
			<ul class="list">
				<li>
					<img src="img/img1.png"/>
                <p>推荐活动 | 原创音乐现金榜T榜</p>
				</li>
				<li>
					<img src="img/img2.png"/>
                <p>推荐节目|《TAImusic》爆笑来袭</p>
				</li>
				<li>
					<img src="img/img3.png"/>
                <p>推荐歌单 | 继续宠爱张国荣</p>
				</li>
				<li>
					<img src="img/img4.png"/>
                <p>推荐活动| 330金属音乐巡演 成都小酒馆音乐空间</p>
				</li>
			</ul>
		</div>
</html>
